<!DOCTYPE html>
<!-- saved from url=(0031)http://www.albee.me/index3.html -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>I love u forever</title>
	<style type="text/css">
		@font-face {
			font-family: digit;
			src: url('./Digital-7Mono.ttf') format("truetype");
		}
	</style>
	<link href="./default.css" type="text/css" rel="stylesheet">
	<script type="text/javascript" src="./jquery.js"></script><style type="text/css" abt="234"></style>
	<script type="text/javascript" src="./garden.js"></script>
  <script type="text/javascript" src="./functions.js"></script>
</head>
<body>
	<div id="mainDiv">
		<div id="content" style="width: 1110px; height: 625px; margin-top: 27.5px; margin-left: 83px;">
			<div id="code" style="margin-top: 112.5px;">
				<span class="comments">我的爱人</span><br>
				<span class="space comments">还记得吗，</span><br>
				<span class="space comments">初春夜空下的漫步，<br>
				<span class="space comments">划过我头顶的那颗流星？<br>
				<span class="space comments">在那天晚上，<br>
				<span class="space comments">我梦到了星灵<br>
				<span class="space comments">“幸运的召唤师呀，你有什么愿望嘛？”<br>
				<span class="space comments">星灵歪着头问道<br>
				<span class="space comments"> <br>
				<span class="space comments">我，我想和杉杉...<br>
				<span class="space comments">想和你流连峡谷的草木，<br>
				<span class="space comments">想和你共赏成都的烟火<br>
				<span class="space comments">想和你在富士山下饮一杯清酒，<br>
				<span class="space comments">想和你去大明湖畔酌一口山泉<br>
				<span class="space comments">想和你在海边捡几枚贝壳，<br>
				<span class="space comments">想和你去草原数满天辰星<br>
				<span class="space comments">...<br>
				<span class="space comments">“一颗星星只能许一个愿望哦~”<br>
                <span class="space comments">星灵的话打断了我的思绪<br>
                <span class="space comments">那亲爱的杉杉<br>
				<span class="space comments">我想和你在初雪里绕圈圈，<br>走着走着便一起白了头</span> <br>
				<br>
			</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>_</div>
			<div id="loveHeart">
				<canvas id="garden" width="670" height="625"></canvas>
				<div id="words" style="position: absolute; top: 222.5px; left: 593px;">
					<div id="messages" style="display: block;">
						我爱你！
						<div id="elapseClock"><span class="digit">181</span> days <span class="digit">16</span> hours <span class="digit">53</span> minutes <span class="digit">23</span> seconds</div>
					</div>
					<div id="loveu" style="display: block;">
						Love u forever and ever.<br>
						<div class="signature"> - Sailer</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<audio src="./love.mp3" id="music" autoplay="autoplay"></audio>
	<script type="text/javascript">
		var offsetX = $("#loveHeart").width() / 2;
		var offsetY = $("#loveHeart").height() / 2 - 55;
		var together = new Date();
		together.setFullYear(2019, 12, 1);
		together.setHours(20);
		together.setMinutes(0);
		together.setSeconds(0);
		together.setMilliseconds(0);

		if (!document.createElement('canvas').getContext) {
			var msg = document.createElement("div");
			msg.id = "errorMsg";
			msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+";
			document.body.appendChild(msg);
			$("#code").css("display", "none")
			$("#copyright").css("position", "absolute");
			$("#copyright").css("bottom", "10px");
		    document.execCommand("stop");
		} else {
			setTimeout(function () {
				startHeartAnimation();
			}, 5000);

			timeElapse(together);
			setInterval(function () {
				timeElapse(together);
			}, 500);

			adjustCodePosition();
			$("#code").typewriter();
		}
	</script>
</body>
</html>
